summaryrefslogtreecommitdiff
path: root/app/[lng]/evcp/(evcp)/po/page.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'app/[lng]/evcp/(evcp)/po/page.tsx')
-rw-r--r--app/[lng]/evcp/(evcp)/po/page.tsx32
1 files changed, 13 insertions, 19 deletions
diff --git a/app/[lng]/evcp/(evcp)/po/page.tsx b/app/[lng]/evcp/(evcp)/po/page.tsx
index d8e32963..7479df8c 100644
--- a/app/[lng]/evcp/(evcp)/po/page.tsx
+++ b/app/[lng]/evcp/(evcp)/po/page.tsx
@@ -5,23 +5,23 @@ import { getValidFilters } from "@/lib/data-table"
import { Skeleton } from "@/components/ui/skeleton"
import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
import { Shell } from "@/components/shell"
-import { getPOs } from "@/lib/po/service"
-import { searchParamsCache } from "@/lib/po/validations"
-import { PoListsTable } from "@/lib/po/table/po-table"
+import { getVendorPOs } from "@/lib/po/vendor-table/service"
+import { vendorPoSearchParamsCache } from "@/lib/po/vendor-table/validations"
+import { ShiVendorPoTable } from "@/lib/po/vendor-table/shi-vendor-po-table"
import { InformationButton } from "@/components/information/information-button"
-interface IndexPageProps {
+interface VendorPOPageProps {
searchParams: Promise<SearchParams>
}
-export default async function IndexPage(props: IndexPageProps) {
+export default async function VendorPONew(props: VendorPOPageProps) {
const searchParams = await props.searchParams
- const search = searchParamsCache.parse(searchParams)
+ const search = vendorPoSearchParamsCache.parse(searchParams)
const validFilters = getValidFilters(search.filters)
const promises = Promise.all([
- getPOs({
+ getVendorPOs({
...search,
filters: validFilters,
}),
@@ -29,39 +29,33 @@ export default async function IndexPage(props: IndexPageProps) {
return (
<Shell className="gap-2">
-
<div className="flex items-center justify-between space-y-2">
<div className="flex items-center justify-between space-y-2">
<div>
<div className="flex items-center gap-2">
<h2 className="text-2xl font-bold tracking-tight">
- PO 확인 및 전자서명
+ PO 관리
</h2>
- <InformationButton pagePath="evcp/po" />
+ <InformationButton pagePath="evcp/po-new" />
</div>
- {/* <p className="text-muted-foreground">
- 기간계 시스템으로부터 PO를 확인하고 협력업체에게 전자서명을 요청할 수 있습니다. 요쳥된 전자서명의 이력 또한 확인할 수 있습니다.
-
- </p> */}
</div>
</div>
</div>
-
<React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
</React.Suspense>
<React.Suspense
fallback={
<DataTableSkeleton
- columnCount={6}
+ columnCount={8}
searchableColumnCount={1}
- filterableColumnCount={2}
- cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
+ filterableColumnCount={3}
+ cellWidths={["10rem", "15rem", "12rem", "10rem", "12rem", "10rem", "10rem", "8rem"]}
shrinkZero
/>
}
>
- <PoListsTable promises={promises} />
+ <ShiVendorPoTable promises={promises} />
</React.Suspense>
</Shell>
)